<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学术资源管理平台</title>
	<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../../../css/global.css">
	<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../../../datatables/media/css/jquery.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="../../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../../../css/foundation-datepicker.min.css">
	<style type="text/css">
		#btnSave {
			display: none;
		}
	</style>
</head>
<body>
	<!-- saveSuccess -->
	<div class="modal fade tips" id="saveSuccess" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<i class="fa fa-check-circle-o" aria-hidden="true">&nbsp;&nbsp;提交成功!</i>
					
				</div>
			</div>
		</div>
	</div>
	<!-- sureLeave -->
	<div class="modal fade question" id="sureLeave" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<i class="fa fa-exclamation-circle" aria-hidden="true">&nbsp;&nbsp;离开后将不会保存修改内容，是否仍要离开？</i>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-danger fa fa-check sureLeaveYes">是</button>
					<button type="button" class="btn btn-primary fa fa-remove" data-dismiss="modal">否</button>
				</div>
			</div>
		</div>
	</div>
	<!-- Modal -->
	<div class="modal fade tips" id="saveFail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<i class="fa fa-exclamation-triangle" aria-hidden="true">&nbsp;&nbsp;修改失败</i>
					
				</div>
			</div>
		</div>
	</div>
	<div class="">
		<!-- 导航栏 -->
		<div class="navbar navbar-fixed-top scroll-hide">
			<!-- 顶上导航栏 -->
			<div class="container-fluid top-bar topnav"></div>
			<!-- 横向导航栏 -->
			<div id="main-nav" class="container-fluid main-nav"></div>
		</div>

		<div class="container-fluid">
			<div class="row">
				<!-- 侧边导航栏 -->
				<div id="sub-nav" class="col-md-2 subnav"></div>
				<!-- 表格内容 -->
				<div class="col-md-10 col-md-offset-2 mainContent">
					<div class="ScienceProject-forms ">
						<div class="contentTitle">
							<p class="col-md-2 pull-left">科研详细信息</p>
							<div class="progress pull-right detailProgress">
								<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
									信息完整度：<span>60%</span>
								</div>
							</div>
							<ul class="nav nav-tabs infoType" role="tablist">
								<li role="presentation" class="infobtn active"><a href="#mainInfo" aria-controls="home" role="tab" data-toggle="tab">主体信息</a></li>
								<li role="presentation" class="infobtn"><a href="#otherInfo" aria-controls="profile" role="tab" data-toggle="tab">其他信息</a></li>
							</ul>
						</div>
						<div class="clear"></div>
						<div class="tab-content">
							<div id="otherInfo" class="row contentForm tab-pane fade" role="tabpanel"></div>
							<div id="mainInfo" class="row contentForm tab-pane fade in active" role="tabpanel">
								<form class="detailForm form-inline">
									<div class="panel panel-info">
										<div class="panel-heading">基本信息</div>
										<div class="panel-body">
											<div class="form-group col-md-6 formBlock wordBreak">
												<label class="formItem">*项目名称：</label>
												<input type="text" class="form-control" name="name" value="商务大数据驱动的的消费信贷评价学术交流研讨会">
												<span class="originInfo name">商务大数据驱动的的消费信贷评价学术交流研讨会</span>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">*主持人：</label>
												<input type="text" class="form-control" name="author" value="zylin">
												<span class="originInfo author">zylin</span>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">*科研类型：</label>
												<select  class="form-control"  name="type" placeholder="请选择科研类型" >
													<option value="横向项目">横向项目</option>
													<option value="纵向项目">纵向项目</option>
												</select>
												<span class="originInfo type" >横向项目</span>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">*立项时间：</label>
												<!-- <div class=" input-group"> -->
												<input type="text" class="form-control" id="planTime" name="date" placeholder="请选择时间"><!-- <span class="input-group-addon"><i class="fa fa-calendar"></i></span> -->
												<!-- </div> -->
												<span class="originInfo planTime" >2017-11-11</span>
											</div>
										</div>
									</div>
									<div class="panel panel-info">
										<div class="panel-heading">详细信息</div>
										<div class="panel-body needExpend">
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">项目来源：</label>
												<input type="text" class="form-control" name="source" placeholder="">
												<span class="originInfo source" ></span>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">项目（合同）编号：</label>
												<input type="text" class="form-control" name="projectNumber" placeholder="16121906">
												<span class="originInfo projectNumber" >16121906</span>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">批准经费（万）：</label>
												<input type="text" class="form-control" name="funds" placeholder="请填写数字">
												<span class="originInfo funds" >3</span>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">结题形式：</label>
												<select  class="form-control"  name="knotForm" placeholder="请选择结题形式" >
													<option value="结题报告">结题报告</option>
													<option value="论文">论文</option>
												</select>
												<span class="originInfo knotForm" >2017-11-11</span>
											</div>
											<!-- <div class="form-group has-error has-feedback">
												<label class="control-label" for="inputError2">Input with error</label>
												<input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
												<span id="inputError2Status" class="sr-only">(error)</span>
											</div> -->
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">其他参与人：<br>(≤5人)</label>
												<span class="originInfo relative" ></span>
												<div class="addInput"> 
													<input type="text" class="form-control" name="relative" placeholder="请填写其他参与人">
													<i id="addOne" class="fa fa-plus-square" aria-hidden="true" style="display: none;"></i>
													<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
												</div>
											</div>
											<div class="form-group col-md-6 formBlock">
												<label class="formItem">标签选择：</label>
												<div id="labelChoice"></div>
											</div>
										</div>
									</div>

									<div class="panel panel-info">
										<div class="panel-heading">支持材料</div>
										<div class="panel-body">
											<div class="form-group col-md-12 formBlock">
												<label class="formItem">立项材料</label>
												<i id="proofMaterial" class="fa fa-file-pdf-o">zylin.pdf</i>
												<div class="filebtn_before" role="group" aria-label="...">
													<button type="button" class="btn btn-info fa fa-download">下载</button>
													<button type="button" class="btn btn-warning fa fa-eye">预览</button>
												</div>
												<div class="filebtn_after" role="group" aria-label="...">
													<button type="button" class="btn btn-info fa fa-upload">上传</button>
													<button type="button" class="btn btn-info fa fa-download">下载</button>
													<button type="button" class="btn btn-warning fa fa-eye">预览</button>
													<button type="button" class="btn btn-danger fa fa-remove">删除</button>
												</div>
											</div>
											<div class="form-group col-md-12 formBlock">
												<label class="formItem">结题材料</label>
												<i id="proofMaterial" class="fa fa-file-pdf-o">zylin.pdf</i>
												<div class="filebtn_before" role="group" aria-label="...">
													<button type="button" class="btn btn-info fa fa-download">下载</button>
													<button type="button" class="btn btn-warning fa fa-eye">预览</button>
												</div>
												<div class="filebtn_after" role="group" aria-label="...">
													<button type="button" class="btn btn-info fa fa-upload">上传</button>
													<button type="button" class="btn btn-info fa fa-download">下载</button>
													<button type="button" class="btn btn-warning fa fa-eye">预览</button>
													<button type="button" class="btn btn-danger fa fa-remove">删除</button>
												</div>
											</div>
											<div class="form-group col-md-12 formBlock">
												<label class="formItem">项目合同</label>
												<i id="proofMaterial" class="fa fa-file-pdf-o">zylin.pdf</i>
												<div class="filebtn_before" role="group" aria-label="...">
													<button type="button" class="btn btn-info fa fa-download">下载</button>
													<button type="button" class="btn btn-warning fa fa-eye">预览</button>
												</div>
												<div class="filebtn_after" role="group" aria-label="...">
													<button type="button" class="btn btn-info fa fa-upload">上传</button>
													<button type="button" class="btn btn-info fa fa-download">下载</button>
													<button type="button" class="btn btn-warning fa fa-eye">预览</button>
													<button type="button" class="btn btn-danger fa fa-remove">删除</button>
												</div>
											</div>
										</div>
									</div>

								</form>
								<button id="btnChange" class="btn btn-primary col-md-1 col-md-offset-4 btnOption ">修改</button><!--  data-target="#saveSuccess" -->
								<button id="btnSave" class="btn btn-primary col-md-1 col-md-offset-4 btnOption"  data-toggle="modal">提交</button>
								<button id="btnBack" class="btn btn-default col-md-1 col-md-offset-1 btnOption" data-toggle="modal" >返回</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer navbar-fixed-bottom"></footer>

	<script type="text/javascript" src="../../../js/jquery-1.12.3.min.js"></script>
	<script type="text/javascript" src="../../../js/bootstrap.js"></script>
	<script type="text/javascript" src="../../../datatables/media/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="../../../js/global.js"></script>
	<script type="text/javascript" src="../../../js/index.js"></script>
	<script type="text/javascript" src="../../../js/admin/ScienceProjectDetail.js"></script>
	<script type="text/javascript" src="../../../js/foundation-datepicker.js"></script>
	<script type="text/javascript" src="../../../js/foundation-datepicker.zh-CN.js"></script>
</body>
</html>